
.shouye{
   margin-left: 25rpx;
   margin-right: 25rpx;
}


.dv{
    /* margin: 0 20upx; */
    position: relative;
    /* display: inline-block; */
    margin-top: 10rpx;
    display: flex;
    align-items: center;
}

.jianbian{
    background: linear-gradient(to bottom, #2894FF, #66B3FF, #C4E1FF, #ffffff);
    height: 400rpx;

    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
}

.div4, .div5 {
    position: absolute;
    top: 0;
    left: 0;
    width: 94%;
    height: 100%;
    margin-left: 25rpx;
    margin-right: 25rpx;
}

.div4 {

    top: calc(50% - 40px);
}
.div5{
    top: calc(100% - 50px);
}

.dv1{
    top: calc(33.33% - 50px);

    position: absolute;
    display: flex;
    align-items: center;
    left: 0;
    width: 94%;
    height: 100%;
    margin-left: 25rpx;
    margin-right: 25rpx;
}
.dv2{
    top: calc(66.67% - 50px);
    position: absolute;
    display: flex;
    align-items: center;
    left: 0;
    width: 94%;
    height: 100%;
    margin-left: 25rpx;
    margin-right: 25rpx;
}
.in{
    border: 1rpx solid ;
    background: #A9A9A9;
    border-radius: 13rpx;
    width: 600rpx;
    height: 80rpx;
}

.search-input {
    width: 500rpx;
    height: 80rpx;
    padding-left: 30rpx;
    background: #ffffff;

    box-sizing: border-box;
    border: 1rpx solid #ccc;
    border-radius: 18rpx;
}

.search-label {
    position: absolute;
    top: 50%;
    left: 10rpx;
    transform: translateY(-45%);
    cursor: pointer;
}

.search-label img {
    width: 20rpx;
    height: 20rpx;
}

.placeholder-text {
    position: absolute;
    top: 50%;
    left: 40rpx;
    transform: translateY(-50%);
    color: #aaa;
    font-style: italic;
}

.ic{
    margin-left: 20rpx;

}
.other-icon {
    margin-left: 15rpx; /* 设置左侧间距 */
    margin-right: 2rpx; /* 设置右侧间距 */
    display: flex;
    align-items: center;
}

.other-icon img {
    width: 24rpx;
    height: 24rpx;
}

.lunbo{
    margin-top: 20rpx;
}





.grid-text {
    font-size: 14rpx;
    color: #909399;
    padding: 10rpx 0 20rpx 0rpx;
    /* #ifndef APP-PLUS */
    box-sizing: border-box;
    /* #endif */
}

.tu{
    margin-top: 15rpx;
}
.tu1{
    margin-top: 210rpx;
}
.div1{

    height: 200rpx;
    width: 320rpx;
}
.div2{
    margin-left: 20rpx;
    height: 200rpx;
    width: 320rpx;
}

.wrap {
    padding: 12rpx;
}

.wrap {
    padding: 12rpx;
}

.demo-layout {
    height: 25rpx;
    border-radius: 4rpx;
}

.bg-purple {
    background: #CED7E1;
}

.bg-purple-light {
    background: #e5e9f2;
}

.bg-purple-dark {
    background: #99a9bf;
}
.loading,
.load-more,
.no-more {
    text-align: center;
    padding: 10rpx;
    font-size: 14rpx;
    color: #999;
}

.load-more {
    cursor: pointer;
}
.hot-sale {
    position: absolute;
    top: 1rpx;
    border-radius: 3rpx;
    left: 10rpx;
}

.panding{
    padding-bottom: 70rpx;
}

.picker-maiche{
    margin-left: 25rpx;
    margin-right: 25rpx;
    margin-top: 20rpx;
}

.huache{
    border-radius: 20rpx;
    border:1px solid #DCDCDC;
    height: 155rpx;
	width: 190rpx;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
    box-sizing: border-box;
    overflow: hidden;
}

.huachewenzi{
    background-color: #DCDCDC;
    display: flex;
    justify-content: center;
    align-items: center;
	width: 100%;
	padding: 7rpx;
	font-size: 20rpx;
}

.bigImage{
    position: absolute;
    width: 100%;

}

.maicheSelect{
    position: absolute;
    /*margin-top: 85rpx*/
}

.maicheText{
    position: absolute;
    /*margin-top: 100rpx;*/
    margin-left: 280rpx;
    text-align: center;
}

.maiche-icon {
    position: absolute;
    /*margin-top: 100rpx;*/
    margin-left: 650rpx;

}

.maiche{
    margin-left: 25rpx;
    margin-right: 25rpx;
    margin-top: 120rpx;
    display: flex;
}

.maiche-div{
    margin-left: 25rpx;
    margin-right: 25rpx;
    margin-top: 430rpx;
    border-radius: 16rpx;
    border:3px solid #e6f7ff;
    background-color: #fdfdfd;
    height: 350rpx;
}

.span-text{
    color: #ff4d4d;
    font-size: 45rpx;
}
.maiche-bu{
    background: linear-gradient(to bottom, #04BEFE, #4481EB);
}

.maiche-bu1{
    border:10px solid;
    border-image: linear-gradient(#04BEFE,#4481EB)30 30;
}

.maiche-detail{
    margin-left: 25rpx;
    margin-right: 25rpx;
    margin-top: 60rpx;
    display: flex;
}

.maiche-detail1{
    margin-left: 25rpx;
    margin-right: 25rpx;
    margin-top: 380rpx;
    display: flex;
}

.detail-div{
    margin-top: 470rpx;
    margin-left: 25rpx;
    margin-right: 25rpx;
    border-radius: 16rpx;
    border: 1px solid #e6f7ff;
    height: 250rpx;
    background-color: #fdfdfd;
    box-shadow: 0 0 1px #BEBEBE;
}

.detail-pl{
    margin-top: 30rpx;
    display: flex;
    justify-content: start;
}

.detail-pl1{
    margin-top: 20rpx;
    display: flex;
    height: 25px;
    width: 100%;
}

.quanping{
    position : absolute;
    width : 100%;
    height : 100%;
    margin : 0;
    padding : 0;
}

